.app-warning {
    background-color: deeppink;
    border: 1px solid #eeeeee;
    display: none;
}

.app-content {
    padding: 5px 10px 5px 13px;
}

.app-content-divider {
    background-color: #F0EDF0;
    height: 10px;
}

.app-content-tittle {
    border-left: 8px solid #03A9F4;
    margin-top: 10px;
    margin-bottom: 0px;
    padding-left: 5px;
    padding-right: 10px;
    font-size: 12px;
    color: #555555;
}

.app-img-preview {
    margin-right: 1px;
    margin-top: 5px;
    height: 50px;
    width: 50px;
}

.app-img-border-act {
    border-color: orange;
}

.app-img-border-dis {
    border-color: #eeeeee;
}

.app-img-border {
    border-width: 2px;
    border-style: solid;
}

.app-img-flex {
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    overflow: hidden;
}

.app-nocontent-warning {
    width: 100%;
    text-align: center;
    padding-top: 10px;
}

.app-btn-followed {
    border-color: #03A9F4;
    color: #03A9F4;
    background-color: #ffffff;
}

.app-btn-follow {
    border-color: #03A9F4;
    color: #ffffff;
    background-color: #03A9F4;
}

.app-btn-follow-red {
    border-color: orangered;
    color: #ffffff;
    background-color: orangered;
}

.app-comment-color {
    color: #494b4d;
}

.app-main-color {
    color: #03A9F4;
}

.app-main-backcolor {
    background-color: #03A9F4;
}

.app-black-color {
    color: #555;
}

.app-gray-color {
    color: #999;
}

.app-white-color {
    color: white;
}

.app-admin-msg-flag {
    padding: 15px 10px;
    color: white;
    width: 50px;
    height: 50px;
    border-radius: 30px
}

.app-system-msg-flag {
    padding: 15px 1px;
    color: white;
    width: 50px;
    height: 50px;
    border-radius: 30px;
    font-size: 12px
}

.app-admin-msg-userflag {
    border-radius: 3px;
    color: white;
    padding: 2px 5px;
}

.web-main-color {
    color: #03A9F4;
}

.web-white-color {
    color: white;
}

.web-gray-color {
    color: #cccacc;
}

.web-gray2-color {
    color: #e6e6e6
}

.web-black-color {
    color: #555;
}

.web-viewcount-color {
    color: #9e9e9e;
}

.web-main-backcolor {
    background-color: #03A9F4;
    color: white;
}

.active-toppage-menu {
    background-color: #F1F1F1;
}

.web-top-leftbar-btn {
    text-align: center;
    height: 43px;
    width: 42px;
    display: inline-block;
}

.web-top-work-edit-btn {
    padding-top: 10px;
    border-bottom: 1px solid;
    border-bottom-color: #DEDEDE;
}

.web-top-work-edit-dis {
    color: #cccacc;
}

.web-top-work-edit-en {
    border-left: 3px solid;
    color: #03A9F4;
}

.web-list-sele-item {
    display: inline-block;
    padding: 6px 10px;
    margin-left: 15px;
    margin-right: 15px;
    color: #999;
}

.web-list-sele-active {
    border-bottom: 2px solid #03A9F4;
    color: #555;
    font-weight: 600;
}

.web-list-sele-active2 {
    color: #555;
    font-weight: 600;
}

.web-content {
    padding: 5px 10px 5px 13px;
}

.web-show-tag {
    display: inline-block;
    color: #03A9F4;
    border: 1px solid;
    font-size: 10px;
    padding: 1px 5px;
    margin-right: 5px;
    vertical-align: middle;
}

.web-show-tittle {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}

.web-tittle-color {
    color: #555555;
}

.web-tittle-bar {
    height: 40px;
    padding: 0px 15px;
}

.web-tittle-item {
    height: 100%;
    padding: 9px 5px;
    display: inline-block;
    border-bottom: 2px solid #03A9F4
}

.web-tittle-r-icon {
    padding: 9px 0px;
    float: right;
}

.web-tittle-r-add-icon {
    margin-right: 30px;
}

.web-show-btn {
    background-color: #f7fcff;
    border: 1px solid;
    border-radius: 3px;
    padding: 3px 10px;
}

.web-show-leftbar {
    text-align: center;
    margin-bottom: 20px
}

.web-topicshow-div {
    padding-top: 40px;
    text-align: center;
    border: 1px solid #dedede;
    height: 290px;
}

.web-topic-show {
    padding-top: 30px;
    text-align: center;
    border: 1px solid #dedede;
    margin: 0 15px;
}

.web-avatar-bar {
    padding: 15px 15px;
    line-height: 1.43
}

.web-avatar-bar-img {
    padding-right: 5px;
    display: inline-block;
}

.web-avatar-bar-name {
    display: inline-block;
}

.web-avatar-bar-viewcount {
    display: inline-block;
    padding-top: 2px
}

.web-avatar-sm {
    height: 40px;
    width: 40px;
}

.web-comment-text {
    padding-top: 5px;
    color: #555;
}

.web-works-list-type {
    text-align: center;
    border: 1px solid #dedede;
    padding: 10px 0px;
    margin: 15px;
}

.web-work-list-img {
    width: 77px;
    height: auto;
}

.web-gray-backcolor {
    background-color: #FCFCFC;
}

.web-menu-left-li {
    padding-left: 10px;
    padding-right: 10px;
}

.web-op-list-img-div {
    padding-top: 15px;
    float: left;
    width: 58px;
    height: 43px;
}

.web-op-list-img {
    position: absolute;
    z-index: 2;
    width: 43px;
    height: 43px;
}

.web-op-list-content {
    padding: 15px;
    background-color: #F3F3F3;
    overflow: hidden;
    zoom: 1;
}

.web-btn-showlist {
    padding: 2px 3px;
    border-radius: 2px;
    border: 1px solid;
}

.web-work-edit-div {
    height: 100%;
}

.web-work-edit-tittle {
    text-align: center;
    border-bottom: 1px solid #DEDEDE;
    padding-top: 9px;
    height: 43px;
}

.web-work-edit-content {
    padding: 5px 10px;
}

.web-work-edit-content textarea {
    width: 100%;
    height: 100%;
    border: none;
}

.web-work-edit-release {
    background-color: #29B6F6;
    color: white;
    position: absolute;
    bottom: 0px;
}

.web-work-edit-draft {
    background-color: #CCCCCC;
    color: black;
    position: absolute;
    bottom: 43px;
}

.web-work-edit-cancel {
    background-color: white;
    color: #555;
    position: absolute;
    bottom: 86px;
    border-top: 1px solid #DEDEDE;
}

.web-top-leftbar-text {
    font-size: 10px;
}

.web-top-topbar-icon {
    padding-top: 8px;
    padding-left: 12px;
    height: 43px;
    width: 43px;
}

.web-setting-li {
    padding-left: 30px;
    padding-right: 5px;
}

.web-split-2-left {
    float: left;
}

.web-split-2-right {
    overflow: hidden;
    zoom: 1;
}

.web-right-bar {
    background-color: #FAFAFA;
    border-left: 1px solid #DEDEDE;
    padding: 0px 30px;
}

.web-right-bar-tittle {
    height: 30px;
    border-bottom: 1px solid #DEDEDE;
    font-weight: 600;
}

.web-border-top {
    border-top: 1px solid #DEDEDE;
}

.web-border-bottom {
    border-bottom: 1px solid #DEDEDE;
}

.web-border-left {
    border-left: 1px solid #DEDEDE;
}

.web-border-right {
    border-right: 1px solid #DEDEDE;
}

.web-img-preview {
    margin-right: 15px;
    margin-top: 15px;
    width: 120px;
    height: 90px;
}

.web-editor-header-span {
    display: none;
    padding-top: 10px;
    padding-left: 15px;
    height: 43px;
    width: 43px;
    border-bottom: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
}

#fade_box {
    position: fixed;
    bottom: 30px;
    width: 100%;
    text-align: center;
    z-index: 99;
    display: none;
}

#fade_text {
    color: white;
    background-color: #2b2b2b;
    margin: 0;
    border-radius: 10px;
    padding: 7px 20px;
    display: inline-block;
}